	<h2>数据表格页脚行 -  DataGridFooter Row</h2>
	<div class="demo-info" style="margin-bottom:10px">在页脚行显示摘要信息。 </div>
	
	<table class="easyui-datagrid" title="DataGrid" style="width:700px;height:220px"
			data-options="url:'documentation/datagrid_data3.json',fitColumns:true,nowrap:false,rownumbers:true,showFooter:true">
		<thead>
			<tr>
				<th data-options="field:'itemid',width:80">Item ID</th>
				<th data-options="field:'productid',width:120">Product ID</th>
				<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
				<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
				<th data-options="field:'attr1',width:250">Attribute</th>
				<th data-options="field:'status',width:60,align:'center'">Status</th>
			</tr>
		</thead>
	</table>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;DataGrid Footer Row - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;数据表格页脚行 - DataGridFooter Row&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot; style=&quot;margin-bottom:10px&quot;&gt;在页脚行显示摘要信息。 &lt;/div&gt;
	
	&lt;table class=&quot;easyui-datagrid&quot; title=&quot;DataGrid&quot; style=&quot;width:700px;height:220px&quot;
			data-options=&quot;url:'documentation/datagrid_data3.json',fitColumns:true,nowrap:false,rownumbers:true,showFooter:true&quot;&gt;
		&lt;thead&gt;
			&lt;tr&gt;
				&lt;th data-options=&quot;field:'itemid',width:80&quot;&gt;Item ID&lt;/th&gt;
				&lt;th data-options=&quot;field:'productid',width:120&quot;&gt;Product ID&lt;/th&gt;
				&lt;th data-options=&quot;field:'listprice',width:80,align:'right'&quot;&gt;List Price&lt;/th&gt;
				&lt;th data-options=&quot;field:'unitcost',width:80,align:'right'&quot;&gt;Unit Cost&lt;/th&gt;
				&lt;th data-options=&quot;field:'attr1',width:250&quot;&gt;Attribute&lt;/th&gt;
				&lt;th data-options=&quot;field:'status',width:60,align:'center'&quot;&gt;Status&lt;/th&gt;
			&lt;/tr&gt;
		&lt;/thead&gt;
	&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>